<template>
  <div id="main">
    <div id="sidebar">
      <div class="panel">
        <div class="header">
          <span class="col_fade">关于</span>
        </div>
        <div class="inner">
          <p>Vue：Vue.js专业中文社区</p>

          <p>在这里你可以：</p>
          <ul>
            <li>向别人提出你遇到的问题</li>
            <li>帮助遇到问题的人</li>
            <li>分享自己的知识</li>
            <li>和其它人一起进步</li>
          </ul>
        </div>
      </div>
    </div>

    <div id="content">
      <div class="panel">
        <div class="header">
          <ul class="breadcrumb">
            <li><a href="/">主页</a><span class="divider">/</span></li>
            <li class="active">登录</li>
          </ul>
        </div>
        <div class="inner">

          <form id="signin_form" class="form-horizontal" action="/signin" method="post">
            <div class="control-group">
              <label class="control-label" for="name">用户名</label>

              <div class="controls">
                <input class="input-xlarge" id="name" name="name" size="30" type="text">
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" for="pass">密码</label>

              <div class="controls">
                <input class="input-xlarge" id="pass" name="pass" size="30" type="password">
              </div>
            </div>
            <input type="hidden" name="_csrf" value="ljWAHMLz-EQObqBUyWv4XNEYDmd7XjobSdhE">

            <div class="form-actions">
              <input type="submit" class="span-primary" value="登录">
              <a href="/auth/github">
            <span class="span-info">
              通过 GitHub 登录
            </span>
              </a>
              <a id="forgot_password" href="/search_pass">忘记密码了?</a>
            </div>
          </form>
        </div>
      </div>
    </div>

    <div id="wechat" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-body">
        <div class="wechatbox">
          <img style="flex: 0 0 80px;width: 120px;height: 120px;" src="http://static.vue-js.com/FgNX5y__B9wBEDnFJtRWeEDd7Xjq" alt="wechat">
          <p style="line-height: 15px">
            还没有找到组织?<br><br>
            公众号回复加群找到组织 <br><br>
            加群成功后即可获取高级前端进阶视频一套 <br><br>
            ＋ 全网最全前端电子书一套
          </p>
        </div>
      </div>
    </div>
    <div id="zfb_hb" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 300px;
  margin-left: -150px;">
      <div class="modal-body" style="max-height: 10000px !important">
        <div class="">
          <div style="font-size: 16px;
        margin-bottom: 15px; text-align: center">
            支付宝每天领红包,当天领了当天花
          </div>
          <img src="http://static.vue-js.com/Fo115GXk1rdnBmBNGYQjoNodxBZy" alt="wechat" style="width: 300px">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Signin'
}
</script>

<style scoped>

</style>
